<template>
    <div class="fit">
        <div class="fit_top">
            <div class="top_left">
                <span>适用商户（1）</span>
            </div>
            <div class="top_right">
                <span class="iconfont jinru">&#xe659;</span>
            </div>
        </div>
        <div class="fit_mid">
            <div class="mid_left">
               <h1>南亚风情豪华泳池派对轰趴馆</h1>
               <div class="xinxin">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fabu-"></use>
                    </svg>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fabu-"></use>
                    </svg>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fabu-"></use>
                    </svg>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fabu-"></use>
                    </svg>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fabu-"></use>
                    </svg>
                </div>
            </div>
            <div class="mid_right">
                <span class="iconfont dianhua">&#xe873;</span>
            </div>
        </div>
        <div class="fit_bottom">
            <span class="iconfont adress">&#xe697;</span>
            <span>晨辉西路56号V12体育基地内</span>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.fit{
    border: 1px solid rgb(235, 234, 233);
    margin-top: 0.3rem;
    height: 4rem;
}
.fit_top{
    height: 0.8rem;
    width: 100%;
    font-size: 0.3rem;
    margin-top: 0.4rem;
}
.top_left{
    margin-left: 0.4rem;
    float: left;
}
.top_right{
    float: right;
    margin-right: 0.4rem;
}
.fit_mid{
    border: 1px solid rgb(235, 234, 233);
    width: 100%;
    height: 1.7rem;
}
.mid_left{
    margin-left: 0.4rem;
    height: 1.7rem;
    float: left;
}
.mid_left h1{
    font-size: 0.4rem;
}
.xinxin{
    float: left;
    margin-top: 0.3rem;
}
.icon{
    width: 2em;
    height: 2em;
}
.mid_right{
    float: right;
    margin-right: 1rem;
    margin-top: 0.3rem;
    height: 1.7rem;
}
.mid_right span.dianhua{
    font-size: 0.8rem;
    color:  #06c1ae;
}
.fit_bottom{
    float: left;
    height: 0.8rem;
    margin-top: 0.2rem;
    margin-left: 0.4rem;
    font-size: 0.3rem;
}
.fit_bottom span.adress{
    font-size: 0.4rem;
}
</style>
